<template>
  <div class="index">
<!--    顶部导航栏-->
    <div class="header">
      <HeadNav />
    </div>

    <div class="body">
      <router-view />
    </div>

<!--    底部信息-->
    <div class="footer">
      <Foot />
    </div>

  </div>
</template>

<script>
import HeadNav from "@/components/HeadNav.vue";
import Foot from '@/components/Footer.vue';
import Login from "@/components/Login.vue";

export default {
  name: 'index',
  components: {
        Login,
        HeadNav,
        Foot,
      }
}
</script>
<style scoped>
.header{
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  min-width: 1400px;
  max-width: 1900px;
}
.body {
    padding-top: 70px;
    max-width: 1900px;
  }
</style>



